Ext.onReady(function(){
    var tabs=new Ext.FormPanel({
        el:'temp',
        border:false,
        
        items:{
            //标签页
            id:'wizard',
            title:'sadf',
            height:1000,
            layout:'card',
            activeItem:'0',
            defaults:{
                border:false
            },
            tbar:[{
                id:'move-prev',
                text:'上一步',
                //handler:this.navHandler.createDelegate(this, [-1]),
                disabled:true
            },'->',{
                id: 'move-next',
                text: '下一步'
                //handler: this.navHandler.createDelegate(this, [1])
            }],
            items:[{
                //一个标签页里的FormPanel
                title:'Personal Details',
                layout:'form',
                defaults:{width:230},
                defaultType:'textfield',
                
                items:[{
                    fieldLabel:'First Name',
                    name:'first',
                    allowBlank:false,
                    value:'Jack'
                },{
                    fieldLabel:'Last Name',
                    name:'last',
                    value:'Slocum'
                },{
                    fieldLabel:'Company',
                    name:'email',
                    vtype:'email'
                }]
            },{
                //一个标签页里的FormPanel
                title:'Phone Numbers',
                layout:'form',
                defaults:{width:230},
                defaultType:'textfield',
                
                items:[{
                    fieldLabel:'Home',
                    name:'home',
                    value:'(888) 555-1212'
                },{
                    fieldLabel:'Business',
                    name:'business'
                },{
                    fieldLabel:'Mobile',
                    name:'mobile'
                },{
                    fieldLabel:'Fax',
                    name:'fax'
                }]
            }]
        },
        buttons:[{
            text:'Save'
        },{
            text:'Cancel'
        }],
        bbar:[new Ext.Button({
                text:'save',
                style:'width:500'
            }),
            new Ext.Button({
                text:'cansle',
                style:'width:500'
            })]
    });
    
    tabs.render();
})